#mywrapper {
width:960px;
margin:0 auto;
font-family:Lucida Grande, Arial, Verdana, sans-serif;
}
#mynav {
list-style:none;
margin:40px 0 0 0;
padding:0;
height:34px;
border-radius:5px;
-moz-box-shadow: 0px 3px 3px #cecece;
-webkit-box-shadow: 0px 3px 3px #cecece;
box-shadow: 0 3px 4px #8b8b8b;
background: #8b8b8b\9;
display:none\9;
}
.mylist {
display:block;
float:left;
margin-top:8px;
text-shadow: 0 -1px 3px #202020;
}
.mylink, .mylinkfirst, .mylinklast {
text-decoration:none;
color:white;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#787878', endColorstr='#838383'); /* for IE */
background-color:#5f5f5f;
padding:8px 63px 9px 62px;
border-right:1px solid #5d5d5d; border-left:1px solid #929292; width:105px; height:34px; border-bottom:1px solid #575757; border-top:1px solid #797979;
font-size:13px;
font-size: 13px\9; /* ie8 ie9 */
padding: 8px 62px 9px 62px\9; /* ie8 ie9 */
}
.mylinklast {
padding: 8px 63px 9px 64px\9; /* ie8 ie9 */
}
.mylink:visited, .mylinkfirst:visited, .mylinklast:visited {
color:white;
text-decoration:none\9;
color:white\9;
} 
.mylink:hover, .mylinkfirst:hover, .mylinklast:hover {
background-color:gray;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F3F3F', endColorstr='#555555'); /* for IE */
-moz-box-shadow: inset 0 0 5px 5px #535353;
-webkit-box-shadow: inset 0 0 5px 5px #535353;
background-color:#383838;
box-shadow: inset 0 0 5px 5px #535353;
text-decoration:none;
}
.mylinkfirst {
border-radius:5px 0 0 5px;
}
.mylinklast {
border-radius:0 5px 5px 0;
}
#mylogo {
border-bottom:1px solid lightGrey;
margin:15px 0 0 0;
padding:0 0 5px 0;
}
#myform {
float:right;
margin-top:40px;
}
#mycats, #myitems {
border:1px solid lightGrey;
border-top:0;
border-radius:0 0 5px 5px;
width:180px;
font-size:13px;
margin:0 10px 10px 0;
-moz-box-shadow: 0px 3px 1px #cecece;
-webkit-box-shadow: 0px 3px 1px #cecece;
box-shadow: 0 1px 1px #8b8b8b;
float:left;
}
#mycats {
padding-top:5px;
}
#myitems {
margin-top:320px;
padding-top:0px;
margin-left:-192px;
}
#myitems img {
border:none;
}
#mycats img {
visibility:hidden;
}
#mycats a {
text-decoration:none;
color:black;
}
#mycats a:hover {
color:#08C;
}
#mycats .MenuItem {
padding:3px 20px 3px 20px;
}
#mycats .MenuItem:hover {
background-color:lightGrey;
}
#mycatshead {
border-radius:5px 5px 0 0;
width:162px;
font-size:14px;
padding:5px 10px 5px 10px;
font-weight:bold;
margin:10px 10px 0 0;
color:white;
text-shadow: 1px 1px 1px #224272
background-color: #224272;
background-color: #224272\9;
background-image: -webkit-linear-gradient(top,#5B6E8D 0,#576B8B 12%,#4C6386 24%,#39547D 35%,#35517B 37%,#2C4A77 47%,#244473 64%,#224272 100%);
background-image: -moz-linear-gradient(top,#5B6E8D 0,#576B8B 12%,#4C6386 24%,#39547D 35%,#35517B 37%,#2C4A77 47%,#244473 64%,#224272 100%);
}
#mycatshead1 {
border-radius:5px 5px 0 0;
width:162px;
font-size:14px;
padding:5px 10px 5px 10px;
font-weight:bold;
margin:-5px 10px 0px -1px;
color:white;
text-shadow: 1px 1px 1px #224272
background-color: #224272;
background-color: #224272\9;
background-image: -webkit-linear-gradient(top,#5B6E8D 0,#576B8B 12%,#4C6386 24%,#39547D 35%,#35517B 37%,#2C4A77 47%,#244473 64%,#224272 100%);
background-image: -moz-linear-gradient(top,#5B6E8D 0,#576B8B 12%,#4C6386 24%,#39547D 35%,#35517B 37%,#2C4A77 47%,#244473 64%,#224272 100%);
}
#mydescription {
float:right;
border: 1px solid lightGrey;
border-radius:5px;
width:725px;
padding:20px;
margin-top:-26px;
}
#mydescription h1 {
font-size:16px;
}
#mydescription h2 {
font-size:12px;
font-weight:100;
color:Grey;
margin-top:-10px;
}
#mydescription p {
font-size:12px;
width:350px;
margin-top:35px;
}
/* overview start */
#myoverview {
float:right;
border: 1px solid lightGrey;
border-radius:5px;
width:725px;
margin-top: 10px;
padding:20px;
}
#myoverview h1 {
font-size:16px;
}
#myoverview h2 {
font-size:12px;
font-weight:100;
color:Grey;
margin-top:-10px;
}
#myoverview p {
font-size:12px;
width:350px;
margin-top:35px;
}
#overleft {
width:350px;
float:left;
}
#mybox {
width:300px;
float:right;
}
#mybox h1 {
font-size:12px;
}
#mybox ul {
padding-left:0px;
}
#mybox li {
font-size:10px;
list-style-position:inside;
}
#myoverview ul {
padding-left:0px;
}
#myoverview li {
font-size:11px;
list-style-position:inside;
}
.p1 {
font-size: 10px;
color:Grey;
}
#myoverview h3 {
padding:20px 0 0px 0;
font-size:12px;
}
#compatlist {
display:block;
float:left;
list-style:none;
padding-left:0;
}
#compatlist li p {
font-size:10px;
margin-top:5px;
}
/* overview end */
#mydescription ul {
font-size:11px;
margin-left:0;
padding-left:20px;
}
#freeshipping {
background-color:#4C88BC;
border-radius:5px;
width:100px;
width:110px\9;
font-size:13px;
font-weight:900;
font-weight:100\9;
padding:5px 10px 5px 10px;
color:white;
text-shadow: 1px 1px 1px Grey;
-moz-box-shadow: 0px 3px 3px #cecece;
-webkit-box-shadow: 0px 3px 3px #cecece;
box-shadow: 0 1px 2px #8b8b8b;
margin:100px 0 0 0;
}
/* START GALLERY CSS */
.gallerycontainer {
position: relative;
width:230px;
float:right;
margin-top:20px;
margin-right:50px;
padding:5px 2px 1px 5px;
background-color:#EDEDED;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}
.thumbnail img{
margin:0 1px 0 0;
border: 1px solid white;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail:hover img{
border: 1px solid #4C88BC;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
left: -900px;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
}
.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -320px;
left: -35px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
#galleryfirst img {
margin:0 0 -1px 54px;
}
/* END GALLERY */
#mypolicies h4 {
font-size:11px;
font-weight:100;
}
hr.myhr {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#mypaypal {
width:180px;
text-align:center;
font-size:12px;
color: #4C88BC;
}
@-moz-document url-prefix() { 
#mypaypal {
display:none;
}
}
#myspacer {
height:150px;
}
/* START MOBILE STYLE */
@media only screen and (max-width: 480px) {
#mywrapper {
width:320px;
margin:0 auto;
font-family:Lucida Grande, Arial, Verdana, sans-serif;
}
#mynav {
display:none;
}
#mylogo {
width:320px;
}
#mylogo img {
width:75%;
}
#myform {
display:none;
}
#mycats, #myitems {
display:none;
}
#mycatshead {
display:none;
}
#mycatshead1 {
display:none;
}
#mydescription {
border:none;
padding:0;
width:100%;
margin-top:10px;
}
#mydescription h1 {
font-size:16px;
}
#mydescription h2 {
font-size:12px;
font-weight:100;
color:Grey;
}
#mydescription p {
font-size:12px;
width:100%;
margin-top:35px;
}
/* overview start */
#myoverview {
width:100%;
margin-top: 10px;
border:none;
padding:0;
}
#myoverview h1 {
font-size:16px;
}
#myoverview h2 {
font-size:12px;
font-weight:100;
color:Grey;
}
#myoverview p {
font-size:12px;
width:100%;
margin-top:35px;
}
#overleft {
width:100%;
}
#mybox {
display:none;
}
#myoverview ul {
padding-left:0px;
}
#myoverview li {
font-size:11px;
list-style-position:inside;
}
.p1 {
font-size: 10px;
color:Grey;
}
#myoverview h3 {
font-size:12px;
}
#compatlist {
display:none;
}
#compatlist li p {
font-size:10px;
margin-top:5px;
}
/* overview end */
#mydescription ul {
font-size:11px;
margin-left:0;
}
#freeshipping {
display:none;
}
/* START GALLERY CSS */
.gallerycontainer {
display:none;
}
#galleryfirst img {
margin:0 auto;
width:300px;
}
/* END GALLERY */
#mypolicies h4 {
font-size:11px;
font-weight:100;
}
hr.myhr {
border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
#mypaypal {
display:none;
}
}